/*
waitMe - 1.12 [06.05.15]
Author: vadimsva
Github: https://github.com/vadimsva/waitMe
*/
.waitMe_container {position:relative;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
body.waitMe_container {position:fixed;width:100%;height:100%}
.waitMe_container .waitMe {position:absolute;top:0;left:0;right:0;bottom:0;z-index:9989;text-align:center; height:100%}
.waitMe_container .waitMe .waitMe_content {position:absolute;top:50%;left: 50%;margin-left: -50px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.waitMe_container .waitMe .waitMe_progress {position:relative}
.waitMe_container .waitMe .waitMe_progress > div {-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}
.waitMe_container .waitMe .waitMe_text {float: left;height: 40px;line-height: 40px;position: relative;margin-left: 10px;  /*position:relative;margin:20px 0 0*/}
.waitMe_container .waitMe .waitMe_text_ios {float: left;height: 40px;line-height: 40px;position: relative;margin-left: 10px; }




/* roundBounce */
.waitMe_container .waitMe_progress.roundBounce {width:60px;height:60px;margin:auto}
.waitMe_container .waitMe_progress.roundBounce > div {
width:20%;height:20%;border-radius:50%;position:absolute;
-webkit-animation: roundBounce 1.2s infinite ease-in-out;
animation: roundBounce 1.2s infinite ease-in-out;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1 {top:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {top:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {bottom:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {bottom:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {top:-9%;left:50%;margin-top:-10%;margin-left:-10%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {top:50%;right:-9%;margin-top:-10%;margin-right:-10%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {bottom:-9%;left:50%;margin-bottom:-10%;margin-left:-10%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {top:50%;left:-9%;margin-top:-10%;margin-left:-10%}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {top:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {bottom:0;right:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {bottom:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {top:0;left:0}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {
-webkit-animation-delay: -.9s;
animation-delay: -.9s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {
-webkit-animation-delay: -.8s;
animation-delay: -.8s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {
-webkit-animation-delay: -.7s;
animation-delay: -.7s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {
-webkit-animation-delay: -.6s;
animation-delay: -.6s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {
-webkit-animation-delay: -.5s;
animation-delay: -.5s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {
-webkit-animation-delay: -.4s;
animation-delay: -.4s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {
-webkit-animation-delay: -.3s;
animation-delay: -.3s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {
-webkit-animation-delay: -.2s;
animation-delay: -.2s;
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {
-webkit-animation-delay: -.1s;
animation-delay: -.1s;
}
@-webkit-keyframes roundBounce {
  0%, 80%, 100% {
		-webkit-transform: scale(0);
	}
  40% {
		-webkit-transform: scale(1);
	}
}
@keyframes roundBounce {
  0%, 80%, 100% { 
    transform: scale(0);
  } 40% { 
    transform: scale(1);
  }
}


/* ios */
.waitMe_container .waitMe_progress.ios {/*margin:auto;*/ float:left;width:30px;height:30px; margin-top:7px;}
.waitMe_container .waitMe_progress.ios > div {
width:10%;height:26%;position:absolute;left:44.5%;top:37%;opacity:0;border-radius:50px;box-shadow:0 0 3px rgba(0,0,0,.2);
-webkit-animation: ios 1s linear infinite;
animation: ios 1s linear infinite;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1 {
-webkit-transform:rotate(0deg) translate(0, -142%);
-webkit-animation-delay: 0s;
transform:rotate(0deg) translate(0, -142%);
animation-delay: 0s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2 {
-webkit-transform:rotate(30deg) translate(0, -142%);
-webkit-animation-delay: -.9167s;
transform:rotate(30deg) translate(0, -142%);
animation-delay: -.9167s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3 {
-webkit-transform:rotate(60deg) translate(0, -142%);
-webkit-animation-delay: -.833s;
transform:rotate(60deg) translate(0, -142%);
animation-delay: -.833s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4 {
-webkit-transform:rotate(90deg) translate(0, -142%);
-webkit-animation-delay: -.75s;
transform:rotate(90deg) translate(0, -142%);
animation-delay: -.75s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5 {
-webkit-transform:rotate(120deg) translate(0, -142%);
-webkit-animation-delay: -.667s;
transform:rotate(120deg) translate(0, -142%);
animation-delay: -.667s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6 {
-webkit-transform:rotate(150deg) translate(0, -142%);
-webkit-animation-delay: -.5833s;
transform:rotate(150deg) translate(0, -142%);
animation-delay: -.5833s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7 {
-webkit-transform:rotate(180deg) translate(0, -142%);
-webkit-animation-delay: -.5s;
transform:rotate(180deg) translate(0, -142%);
animation-delay: -.5s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8 {
-webkit-transform:rotate(210deg) translate(0, -142%);
-webkit-animation-delay: -.41667s;
transform:rotate(210deg) translate(0, -142%);
animation-delay: -.41667s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9 {
-webkit-transform:rotate(240deg) translate(0, -142%);
-webkit-animation-delay: -.333s;
transform:rotate(240deg) translate(0, -142%);
animation-delay: -.333s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10 {
-webkit-transform:rotate(270deg) translate(0, -142%);
-webkit-animation-delay: -0.25s;
transform:rotate(270deg) translate(0, -142%);
animation-delay: -.25s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11 {
-webkit-transform:rotate(300deg) translate(0, -142%);
-webkit-animation-delay: -.1667s;
transform:rotate(300deg) translate(0, -142%);
animation-delay: -.1667s;
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12 {
-webkit-transform:rotate(330deg) translate(0, -142%);
-webkit-animation-delay: -.0833s;
transform:rotate(330deg) translate(0, -142%);
animation-delay: -.0833s;
}
 @-webkit-keyframes ios {
	0% {
		opacity: 1;
	}
	100% {
		opacity: .25;
	}
}
@keyframes ios {
	0% {
		opacity: 1;
	}
	100% {
		opacity: .25;
	}
}
